<template>
	<view class="container">
		<u-navbar :is-fixed="false" :border-bottom="false" :is-back="true" back-icon-name="arrow-leftward"
			back-icon-size="35" :background="{ background: '#fff' }" title="事件核实" title-color="#000">
		</u-navbar>

		<u-form :model="form" ref="uForm" label-width="140rpx">
			<u-form-item label="核实意见" label-position="top">
				<u-input v-model="form.name" type="textarea" />
			</u-form-item>

			<u-form-item label="核实照片" label-position="top">
				<view class="picture">
			<u-button type="error">上一组</u-button>
					<view class="picture-item">
						<u-image width="100%" height="300rpx" src="/static/images/home/banner1.png"
							mode="center"></u-image>
					</view>
					<view class="picture-item">
						<u-upload :action="action" :file-list="fileList" :max-count="1"></u-upload>
					</view>
			<u-button type="error">下一组</u-button>

				</view>
			</u-form-item>
		</u-form>
		<view class="footer">
			<u-button type="error">不通过</u-button>
			<u-button type="primary" @click="handleVerify">通过</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {},
				addrShow: false,
				border: true,
				action: 'http://www.example.com/upload',
				fileList: [
					// {
					// 	url: 'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1886.jpg',
					// }
				]
			};
		},
		methods: {
			handleChange(index) {
				this.current = index;
			},
		}
	}
</script>
<style lang="scss" scoped>
	.container {}

	.event-list {
		flex: 1;
		overflow-y: auto;
	}

	.event-list-cell {
		border-radius: 8rpx;
		background-color: #fff;
		margin: 16rpx;
		padding: 16rpx;

		.time {
			display: flex;
		}
	}

	.picture {
		display: flex;
		width: 100%;
		align-items: center;
		.picture-item {
			flex: 1;
		}
	}

	.footer {
		display: flex;
	}
</style>